﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <title>Twi表单验证</title>    
    <link href="/Framework/bootstrap-3.2.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="/Framework/jquery/jquery-1.11.1.min.js"></script>
    <script src="/Framework/bootstrap-3.2.0/js/bootstrap.min.js"></script>
    <script src="../jquery.twiFormValidate-1.0.1.js"></script>
    <script>
        $(function () {
            $(".container").twiFormValidate();
            $('#btnLogin').click(function () {
                //$('#example').popover(options);

                if ($(".container").twiIsValidate() == false) {
                    return false;
                } else {
                    return true;
                }

            });

        });
    </script>
</head>
<body>
    </br></br></br></br></br></br>
    <div class="container">
        <div class="row">
            <div class="col-sm-3 col-md-4"></div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon">用户名*</span>
                        <input type="text" class="form-control input-lg" id="txtUserName" placeholder="请输入用户名" twiforvalidate="required" twirequiredmsg="请输入用户名11" data-toggle="popover" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp码*</span>
                        <input type="password" class="form-control input-lg" id="txtPwd" placeholder="请输入密码" twiforvalidate="required" twirequiredmsg="请输入密码" />

                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <label for="FCODE">表字段名*</label>
                        <input type="text" class="form-control input-lg" id="Text1" placeholder="请输入表字段名" twiforvalidate="required" required-message="请输入表字段名" />
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-group">
                        <label class="control-label" for="inputSuccess2">测试</label>
                        <input type="text" class="form-control" id="inputSuccess2" twiforvalidate="required" twirequiredmsg="请输入测试段名" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" class="form-control" id="inputPassword2" twiforvalidate="required chinese" twirequiredmsg="汉字不能为空"  twichinesemsg="汉字验证失败" />

                    </div>
                </div>

                

                <div class="form-group">
                    <button type="button" class="btn btn-danger btn-lg btn-block" id="btnLogin">登录</button>
                </div>
                <span class="help-block text-center">浙江深大综合业务平台(Platform 3.0)</span>
            </div>
        </div>




    </div>

</body>
</html>
